<script src="./script.js"></script>
<style lang="scss" src="./style.scss" scoped></style>
<template>
  <div style="margin-bottom: 10px;">
    <div class="shortcut">
      <div class="navigation w">
        <div class="left">
          欢迎来到 雲鼎峰傳媒
        </div>
        <div class="right">
          <a href="#" @click="$router.push({path:'/login'});" v-if="!user">你好，请登录</a>
          <a href="#" class="reg" v-if="!user">免费注册</a>
          <a href="#" class="reg" v-if="user">{{ user.username }}</a>
          <span class="spacer">|</span>
          <router-link to='/'>
            <a href="#">首页</a>
          </router-link>
<!--          <span class="spacer">|</span>-->
<!--          <a href="#" style="margin-right: 0">帮助中心</a>-->
        </div>
      </div>
    </div>
    <div class="header">
      <div class="content w">
        <div class="logo" @click="$router.push({path:'/'});"><img src="@/assets/www/logo.png" style="height: 80px;width: 190px;"></div>
        <div class="nav">
          <router-link to='/'>
            <a href="#">首页</a>
          </router-link>
          <router-link to='/quotes'>
            <a href="#">在线报价</a>
          </router-link>
          <router-link to='/charge'>
            <a href="#">充值优惠</a>
          </router-link>
<!--          <a href="#">印前须知</a>-->
<!--          <a href="#">印刷授权</a>-->
          <a href="https://www.58pic.com/" target="_blank">免费素材</a>
          <a href="https://www.58pic.com/tupian/mingpianmoban.html" target="_blank">精美模板</a>
          <a href="https://designs.ai/cn/designmaker" target="_blank">AI设计</a>
        </div>
        <div class="car">
          <div>
            <img src="@/assets/www/car.png">
            <span>购物车(0)</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
